<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>工厂日历维护</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/daoke.css">
</head>

<body>
	<!-- 顶部 start -->
	<div class="header">
		<a href="" class="logo">智慧安全云平台</a>
		<div style="display:flex;align-items:center;margin-right:50px;">
			<!-- 消息 start -->
			<div class="pos-r bignews" style="margin-right:20px;">
				<i class="iconfont icon-xiaoxi color-f cursor-p" style="font-size:32px;"></i>
				<div class="news pos-a bg-f b-box"
					style="width:340px;top:53px;right:-80px;z-index: 10;border-radius:5px;box-shadow: 0px 5px 20px #ccc;">
					<div class="b-box" style="padding:20px;">
						<div class="b-box font14 color-3"
							style="height:30px;border-bottom: 3px solid #5575d7;width: 58px;">消息通知</div>
						<div>
							<!-- 有消息 start -->
							<div style="margin-top:10px;border-bottom: 1px solid #EAEDF2;">
								<div class="font14">
									<span class="overflow-h2 color-3" style="line-height:26px;">你好呀是是是的好地方和if好</span>
									<span class="color-9 l-ht40">2019-03-01 11:49</span>
								</div>
							</div>
							<a href="#" class="more fr font14 color-6" style="margin:20px 20px 20px 0;">查看更多</a>
							<!-- 有消息 end -->
							<!-- 无消息 start -->
							<div class="ht40 l-ht40 text-c font14 color-3">
								暂无消息
							</div>
							<!-- 无消息 end -->
						</div>
					</div>
				</div>
			</div>
			<!-- 消息 end -->
			<!-- 个人资料 start -->
			<div class="pos-r biginfo">
				<i class="iconfont icon-touxiang color-f cursor-p" style="font-size:40px;"></i>
				<div class="info pos-a bg-f b-box"
					style="width:340px;height:172px;top:53px;right:-20px;z-index: 10;border-radius:5px;box-shadow: 0px 5px 20px #ccc;">
					<div class="b-box" style="height:100px;padding:20px 0 20px 20px;border-bottom: 1px solid #EAEDF2;">
						<img src="../images/avtar.png" alt="" class="radius-circle" style="width:60px;height:60px;">
						<div class="display-ib vertical-a-t" style="margin-left:30px;">
							<div class="font14 color-3">周大发</div>
							<input type="button" value="我的个人信息" class="btn" style="width:110px;margin-top:10px;">
						</div>
					</div>
					<input type="button" value="退出" class="cbtn fr" style="width:50px;margin: 20px 20px 0 0;">
				</div>
			</div>
			<!-- 个人资料 end -->
		</div>
	</div>
	<!-- 顶部 end -->
	<!-- 左侧菜单导航 start -->
	<div class="pos-f text-c ht100 color-f" style="width:200px;z-index:99;padding-top:60px;background: #3A4253;">
		左侧菜单控件
	</div>
	<!-- 左侧菜单导航 end -->
	<!-- 内容 start -->
	<div class="w100" style="margin-top: 60px;height: calc(100% - 60px);background: #EAEDF2;">
		<!-- 页面名称 start -->
		<div class="ht40 l-ht40 bg-f pos-f font14 color-3" style="left:200px;right:0;z-index: 4;padding-left:20px ">
			<i class="iconfont icon-weizhang"></i>
			<span>工厂日历维护</span>
		</div>
		<!-- 页面名称 end -->
		<!-- 主内容 start -->
		<div style="padding-left:220px;padding-top: 60px;">
			<div class="bg-f">
				<!-- 组件1 start -->
				<div class="display-" style="padding:0 50px 20px 20px;">
					<div class="b-box"
						style="height:70px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-left:20px;">
						<div style="display:flex;align-items:center;">
							<div class="pos-r">
								<span class="font12 color-3">开始时间：</span>
								<input type="date" class="date">
								<i class="iconfont icon-rili pos-a cursor-p font18 color-9" style="top: 5px;
								right: 5px;"></i>
							</div>
							<div class="pos-r" style="margin-left:20px;">
								<span class="font12 color-3">结束时间：</span>
								<input type="date" class="date">
								<i class="iconfont icon-rili pos-a cursor-p font18 color-9" style="top: 5px;
								right: 5px;"></i>
							</div>
							<div>
								<span class="font12 color-3" style="margin-left:20px;">名称：</span><input type="text">
							</div>
							<div class="ht30 l-ht30 bg-theme text-c cursor-p"
								style="width:30px;border-radius: 5px;margin-left:20px;">
								<i class="iconfont icon-sousuo color-f font16"></i>
							</div>
						</div>
						<div>
							<input type="button" class="btn" style="width:80px;margin-left:20px;" value="新增">
							<input type="button" class="btn" style="width:80px;margin-left:20px;" value="删除">
						</div>
					</div>
					<!-- 表格 start -->
					<!--表头 start -->
					<div class="t_title">
						<span class="display-ib p5 border-r-1 text-c b-box" style="width:5%;">
							<input type="checkbox" style="width:25px;">
						</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:16%;">名称
							<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
								style="right: 5px;top:5px;"></i>
						</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">描述
							<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
								style="right: 5px;top:5px;"></i>
						</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:18%;">开始时间
							<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
								style="right: 5px;top:5px;"></i>
						</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:18%;">结束时间
							<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
								style="right: 5px;top:5px;"></i>
						</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:14%;">是否停用
							<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a"
								style="right: 5px;top:5px;"></i>
						</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:9%;">操作
						</span>
					</div>
					<!--表头 end-->
					<!-- 表体 start -->
					<div class="t_body display-">
						<div class="tableRow">
							<span class="display-ib p5 border-r-1 text-c b-box" style="width:5%;">
								<input type="checkbox">
							</span><span
								class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h color-theme"
								style="width:16%;" title="">集体年假
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h"
								style="width:20%;" title="">国定假期
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
								style="width:18%;" title="">2019-5-6
							</span><span class="display-ib p5 border-r-1 vertical-a-t b-box overflow-h text-c"
								style="width:18%;" title="">2019-5-6
							</span><span class="display-ib p5 border-r-1 vertical-a-t b-box overflow-h text-c"
								style="width:14%;" title="">否
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
								style="width:9%;" title="">
								<i class="iconfont cursor-p icon-piliang color-theme display-ib"
									style="width:30px;"></i><i class="iconfont icon-xiugai cursor-p display-ib"
									style="margin:0 10px;" title="修改"></i>
							</span>
						</div>
					</div>
					<div class="t_body display-">
						<div class="tableRow">
							<span class="display-ib p5 border-r-1 text-c b-box" style="width:5%;">
								<input type="checkbox">
							</span><span
								class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h color-theme"
								style="width:16%;" title="">集体年假
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h"
								style="width:20%;" title="">国定假期
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
								style="width:18%;" title="">2019-5-6
							</span><span class="display-ib p5 border-r-1 vertical-a-t b-box overflow-h text-c"
								style="width:18%;" title="">2019-5-6
							</span><span class="display-ib p5 border-r-1 vertical-a-t b-box overflow-h text-c"
								style="width:14%;" title="">否
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h"
								style="width:9%;" title="">
								<i class="iconfont cursor-p icon-jinyong color-theme display-ib"
									style="width:30px;"></i><i class="iconfont icon-xiugai cursor-p display-ib"
									style="margin:0 10px;" title="修改"></i>
							</span>
						</div>
					</div>
					<!-- 表体 end -->
					<!-- 表格 end -->
					<!--筛选结果为空的蒙版 start-->
					<div class="none display-">
						<i class="icon iconfont icon-wushuju display-ib text-c vertical-a-t color-9"
							style="font-size:100px;"></i>
						<div class="font22 color-9" style="height:50px;line-height:50px;">当前筛选条件下，没有匹配的数据</div>
					</div>
					<!--筛选结果为空的蒙版 end-->
					<!--分页 start-->
					<div class="page">
						分页控件
					</div>
					<!--分页 end-->
				</div>
				<!-- 组件1 end -->
			</div>
		</div>
		<!-- 主内容 end -->
	</div>
	<!-- 内容 end -->


	<!-- 新增“节日” start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
		style="z-index:120;">
		<div style="width:340px;padding-top:200px;padding-bottom:50px;margin:0 auto;">
			<div class="bg-f overflow-h text-l" style="border-radius:4px">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-cuo fr text-c cursor-p font12" title="close"
						data-feidao-actions="click:eu-001"></i>新增节日
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 text-c color-6">
						<span class="display-ib text-r" style="width:80px;"><span>节日名称：</span></span>
						<input type="text" class="" style="width:200px;">
					</div>
					<div class="ht40 l-ht40 text-c color-6 pos-r">
						<span class="display-ib text-r" style="width:80px;"><span>开始时间：</span></span>
						<input type="date" class="date" style="width:200px;">
						<i class="iconfont icon-rili pos-a cursor-p font18 color-9" style="right: 15px;"></i>
					</div>
					<div class="ht40 l-ht40 text-c color-6 pos-r">
						<span class="display-ib text-r" style="width:80px;"><span>结束时间：</span></span>
						<input type="date" class="date" style="width:200px;">
						<i class="iconfont icon-rili pos-a cursor-p font18 color-9" style="right: 15px;"></i>
					</div>
					<div class="ht40 l-ht40 text-c color-6">
						<span class="display-ib text-r" style="width:80px;"><span>是否停用：</span></span>
						<div class="display-ib text-l" style="width:200px;">
							<input type="checkbox" class="vertical-a-m"><span style="width:90px;"
								class="vertical-a-m">是</span>
							<input type="checkbox" class="vertical-a-m"><span style="width:90px;"
								class="vertical-a-m">否</span>
						</div>
					</div>
					<div class="text-c color-6" style="margin-top:10px;">
						<span class="display-ib text-r vertical-a-t" style="width:80px;"><span>节日描述：</span></span>
						<textarea class="border-1"
							style="width:200px;border-radius: 5px;height: 120px;resize: none;"></textarea>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="提交" class="btn" style="width: 50px;line-height: 20px" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 新增“节日” end -->



	<!-- 编辑“节日” start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
		style="z-index:120;">
		<div style="width:340px;padding-top:200px;padding-bottom:50px;margin:0 auto;">
			<div class="bg-f overflow-h text-l" style="border-radius:4px">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-cuo fr text-c cursor-p font12" title="close"
						data-feidao-actions="click:eu-001"></i>编辑节日
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 text-c color-6">
						<span class="display-ib text-r" style="width:80px;"><span>节日名称：</span></span>
						<input type="text" class="" style="width:200px;">
					</div>
					<div class="ht40 l-ht40 text-c color-6 pos-r">
						<span class="display-ib text-r" style="width:80px;"><span>开始时间：</span></span>
						<input type="date" class="date" style="width:200px;">
						<i class="iconfont icon-rili pos-a cursor-p font18 color-9" style="right: 15px;"></i>
					</div>
					<div class="ht40 l-ht40 text-c color-6 pos-r">
						<span class="display-ib text-r" style="width:80px;"><span>结束时间：</span></span>
						<input type="date" class="date" style="width:200px;">
						<i class="iconfont icon-rili pos-a cursor-p font18 color-9" style="right: 15px;"></i>
					</div>
					<div class="ht40 l-ht40 text-c color-6">
						<span class="display-ib text-r" style="width:80px;"><span>是否停用：</span></span>
						<div class="display-ib text-l" style="width:200px;">
							<input type="checkbox" class="vertical-a-m"><span style="width:90px;"
								class="vertical-a-m">是</span>
							<input type="checkbox" class="vertical-a-m"><span style="width:90px;"
								class="vertical-a-m">否</span>
						</div>
					</div>
					<div class="text-c color-6" style="margin-top:10px;">
						<span class="display-ib text-r vertical-a-t" style="width:80px;"><span>节日描述：</span></span>
						<textarea class="border-1"
							style="width:200px;border-radius: 5px;height: 120px;resize: none;"></textarea>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="提交" class="btn" style="width: 50px;line-height: 20px" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 编辑“节日” end -->

	<!-- 提示弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
		style="z-index:120;">
		<div style="width:340px;padding-top:100px;padding-bottom:50px;margin:0 auto;">
			<div class="bg-f overflow-h text-l" style="border-radius:4px">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-cuo fr text-c cursor-p font12" title="close"
						data-feidao-actions="click:eu-001"></i>提示
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 text-c color-6">
						<span>是否启用？</span>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="确认" class="btn" style="width: 50px;line-height: 20px" />
						<input type="button" value="否" class="cbtn" style="width: 50px;margin-left: 60px;" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 提示弹窗 end -->


	<!-- 提示弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
		style="z-index:120;">
		<div style="width:340px;padding-top:100px;padding-bottom:50px;margin:0 auto;">
			<div class="bg-f overflow-h text-l" style="border-radius:4px">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-cuo fr text-c cursor-p font12" title="close"
						data-feidao-actions="click:eu-001"></i>提示
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 text-c color-6">
						<span>是否停用？</span>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="确认" class="btn" style="width: 50px;line-height: 20px" />
						<input type="button" value="否" class="cbtn" style="width: 50px;margin-left: 60px;" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 提示弹窗 end -->

</body>

</html>
